<template>
	<view>
		<page-head headTitle="定制订单" :returnButton="true" @clickLeftReturn="clickLeftReturn"></page-head>
		<view class="m-t9 ">
			<view class="flex p-l-r3 align-center search-h">
				<view class="bg-bar bg-color"></view>
				<text class="fs-g ml-1">用户信息</text>
			</view>
			<view class="flex search-h align-center p-l-r3">
				<text class="contacts display-inline fs-3 guide-letter">联系人</text>
				<view class="flex align-center fs-3">
					<image src="/static/images/picture.png" class="contact-picture">
					<text class="p-l1 p-r1">妮子</text>
					<image src="/static/images/news.png" class="guide-news">
				</view>
			</view>
			<view class="flex search-h align-center p-l-r3">
				<text class="contacts display-inline fs-3 number">姓名</text>
				<view class="flex align-center fs-3">
					<text class="color-table">吴夏莉</text>
				</view>
			</view>
			<view class="flex search-h align-center p-l-r3 p-b1">
				<text class="contacts display-inline fs-3 number">手机</text>
				<view class="flex align-center fs-3">
					<text class="color-table">13850141475</text>
				</view>
			</view>
			<border></border>
			<view class="flex p-l-r3 align-center search-h">
				<view class="bg-bar bg-color"></view>
				<text class="fs-g ml-1">需求信息</text>
			</view>
			<view class="flex p-l-r3 p-t-b1">
				<view>
					<text>南宁</text>
					<image src="/static/images/switch-arrow.png" class="switch-arrow m-l-r" mode="widthFix">
					<text>柳州</text>
				</view>
				<view class="mr-6">
					<text>3.15</text>
					<text class="m-l-r input-goods">至</text>
					<text>3.18</text>
				</view>
			</view>
			<view class="flex search-h align-center p-l-r3">
				<text class="contacts display-inline fs-3">人均预算</text>
				<view class="flex align-center fs-3">
					<text class="color-table">无限制</text>
				</view>
			</view>
			<view class="flex search-h align-center p-l-r3">
				<text class="contacts display-inline fs-3 number">服务</text>
				<view class="service-options flex flex-wrap">
					<view class="m-r1 p-t1 personal-active"><text>玩法设计</text></view>
					<view class="m-r1 p-t1 personal-active"><text>导游</text></view>
					<view class="m-r1 p-t1 personal-active"><text>用车</text></view>
				</view>
			</view>
			<view class="flex p-l-r3 p-t-b3">
				<text class="contacts display-inline fs-3">其他需求</text>
				<view class="flex fs-3 flex-1">
					<text class="color-table">需要提前一天联系，并且把XX安排好需要提前一天联系，并且把XX安排好安排好的</text>
				</view>
			</view>
			<border></border>
			<view class="flex align-center p-l-r3 p-t3 p-b1">
				<text class="contacts display-inline fs-3">用户评价</text>
			</view>
			<view class="p-l-r3">
				<view class="flex justify-between">
					<view class="flex align-center">
						<image src="/static/images/picture.png" class="user-pic"></image>
						<view class="ml-2 flex align-center">
							<text class="fs-2 color-table">灰灰的狼</text>
							<view class="ml-2"><uni-rate disabled="true" value="2" size="12"></uni-rate></view>
						</view>
					</view>
				</view>
				<view class="fs-24 p-t-b1">超级无敌美味！！无限回购超级无敌美味！！无限回购超级无敌美味！！无限回购</view>
			</view>
			<view class="p-l2 p-r2 m-b">
				<image src="/static/images/gict.png" class="all-pic p-l1 p-r1" mode="widthFix"></image>
				<image src="/static/images/gict.png" class="all-pic p-l1 p-r1" mode="widthFix"></image>
				<image src="/static/images/gict.png" class="all-pic p-l1 p-r1" mode="widthFix"></image>
				<image src="/static/images/gict.png" class="all-pic p-l1 p-r1" mode="widthFix"></image>
				<image src="/static/images/gict.png" class="all-pic p-l1 p-r1" mode="widthFix"></image>
				<image src="/static/images/gict.png" class="all-pic p-l1 p-r1" mode="widthFix"></image>
			</view>	
		</view>
	</view>
</template>

<script>
import pageHead from '@/components/common/page-head.vue'
import uniRate from '@/components/uni-ui/uni-rate/uni-rate.vue'
import border from '@/components/common/border.vue'
	export default {
		components:{
			pageHead,
			uniRate,
			border
		},
		data() {
			return {
				
			}
		},
		methods: {
			clickLeftReturn(){
				uni.navigateBack({
				    delta: 1
				});
			}
		}
	}
</script>

<style scoped>
page{background-color: #FFFFFF;}
.contact-picture{width: 50rpx;height: 50rpx;}
.guide-news{width: 35rpx;height: 33rpx;}
.contacts{width: 170rpx;}
.guide-letter{letter-spacing: 18rpx;}
.number{letter-spacing: 58rpx;}
.user-pic{width: 60rpx;height: 60rpx;}
.all-pic{width: 25%;height: auto;}
.bg-bar{width: 8rpx;height: 31rpx;}
.personal-active text{width: 120rpx;height: 44rpx;display: inline-block; background-color: #fff5ee;border: 2rpx solid #ff802e;color: #ff802e;text-align: center;line-height: 1.5;}
</style>
